<!DOCTYPE html>
<html lang="cn">
<head>
    <meta charset="UTF-8">
    <title>Login</title>
    <link href="//cdn.bootcss.com/tether/1.3.6/css/tether.min.css" rel="stylesheet">
    <script src="//cdn.bootcss.com/tether/1.3.6/js/tether.min.js"></script>
    <link href="./css/LoginAndRegister.css" rel="stylesheet" type="text/css">
    <script src="js/loginscripts.js"></script>
    <link rel="icon" href="img/favicon.ico" type="img/x-ico" />
    <link href="css/bootstrap.min.css" rel="stylesheet">
</head>
<!--<script src="./js/jquery-3.6.0.js"></script>-->
<body>
    <div>
        <div class="content">
            <form name="form" method="get" action="#">
                <div class="form-title">账号登陆:</div>
                <div class="input-border">
                    <div class="icon-user">

                    </div>

                    <input id="email" type="text" placeholder="邮箱" class="text-area" style=""/>
                </div>
                <div class="input-border">
                    <div class="icon-user icon-password">

                    </div>

                    <input id="password" type="password" placeholder="密码" class="text-area"/>
                    <input id="verification" type="text" placeholder="验证码" class="text-area" style="display: none"/>
                </div>
                <div id="inhint"></div>
                <div class="form-actions">
                    <button type="button" id="send_email" class="btn pull-left green dis_none" onclick="login()" style="display: none">发送验证码
                    </button>
                    <button type="button" id="login-submit" class="btn pull-right green" onclick="login()">登录
                        <i class="m-icon-swapright m-icon-white"></i>
                    </button>
                    <button type="button" id="verification-login-submit" class="btn pull-right green dis_none" onclick="login()" style="display: none">登录
                        <i class="m-icon-swapright m-icon-white"></i>
                    </button>
                </div>
            </form>
            <div id="selectEmal" class="toCreate" style="display: inline-block"><a href="javascript:void 0" onclick="selectEmailLogin()">邮箱验证登录</a> </div>
            <div id="selectPassword" class="toCreate dis_none"><a href="javascript:void 0" onclick="selectPassword()">密码登录</a> </div>
            <div class="toCreate">没有账号? <a href="register.html">创建账号</a> </div>
        </div>
        <div class="carousel slide" id="carousel-705909">
            <ol class="carousel-indicators">
                <li class="active" data-target="#carousel-705909" data-slide-to="0">
                </li>
                <li data-target="#carousel-705909" data-slide-to="1">
                </li>
                <li data-target="#carousel-705909" data-slide-to="2">
                </li>
            </ol>
            <div class="carousel-inner">
                <div class="carousel-item active">
                    <img class="d-block w-100" alt="Carousel Bootstrap First" src="./img/Login_graph1.png">
                    <div class="carousel-caption">
                        <h4>
                            管理系统
                        </h4>
                        <p>
                            管理系统是为达到组织目标，针对管理对象，由具有特定管理职能和内在联系的各种管理机构、管理制度、管理过程、管理方法所构成的完整的组织管理体系。
                        </p>
                    </div>
                </div>
                <div class="carousel-item">
                    <img class="d-block w-100" alt="Carousel Bootstrap Second" src="./img/Login_graph2.png">
                    <div class="carousel-caption">
                        <h4>
                            软件工程
                        </h4>
                        <p>
                            软件工程是一门研究用工程化方法构建和维护有效、实用和高质量的软件的学科。它涉及程序设计语言、数据库、软件开发工具、系统平台、标准、设计件有电子邮件、嵌入式系统、人机界面、办公套件、操作系统、编译器、数据库、游戏等。
                        </p>
                    </div>
                </div>
                <div class="carousel-item">
                    <img class="d-block w-100" alt="Carousel Bootstrap Third" src="./img/Login_graph3.png">
                    <div class="carousel-caption">
                        <h4>
                            计算机科学与技术
                        </h4>
                        <p>
                            计算机科学与技术（Computer Science and Technology）是一门普通高等学校本科专业，属于计算机类专业，基本修业年限为四年，授予工学或理学学士学位；2012年9月，教育部将新的计算机科学与技术专业取代旧的计算机科学与技术和仿真科学与技术两个专业。
                        </p>
                    </div>
                </div>
            </div> <a class="carousel-control-prev" href="#carousel-705909" data-slide="prev"><span class="carousel-control-prev-icon"></span> <span class="sr-only">Previous</span></a> <a class="carousel-control-next" href="#carousel-705909" data-slide="next"><span class="carousel-control-next-icon"></span> <span class="sr-only">Next</span></a>
        </div>
    </div>
</body>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</html>